import React, { Component } from 'react';
import { Row, Col, Space, Menu, Tabs} from 'antd';
import Inbox from './Inbox/Inbox';
import Drafts from './Drafts/Drafts';
import Send from './Send/Send';
import Delete from './Delete/Delete';
import AddMessage from './AddMessage/AddMessage';
import { InboxOutlined, FileTextOutlined, DeleteOutlined, SendOutlined, FormOutlined } from '@ant-design/icons';
import styles from './style.less'

const { TabPane } = Tabs;
class Index extends Component {
    render() {
        return (
            <div className={styles.div_body}>
                <Tabs>
                    <TabPane 
                        key='1' 
                        tab={
                            <span>
                                <FormOutlined />
                            全部订单
                            </span>
                        } 
                    >
                        <AddMessage/>
                    </TabPane>
                    <TabPane 
                        key='2'
                        tab={
                            <span>
                                <InboxOutlined />
                               售后
                            </span>
                        }
                    >
                        <Delete />
                    </TabPane>
                    <TabPane 
                        key='3'
                        tab={
                            <span>
                                <DeleteOutlined />
                                已删除
                            </span>
                        }
                    >
                        <Inbox />
                    </TabPane>
                </Tabs>
            </div>
        );
    }
}
export default Index;